<?php /*a:3:{s:60:"D:\work\lilynewzhong\application\index\view\index\index.html";i:1699495356;s:62:"D:\work\lilynewzhong\application\index\view\public\header.html";i:1699495354;s:62:"D:\work\lilynewzhong\application\index\view\public\footer.html";i:1699495353;}*/ ?>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <title><?php echo $seo_title?></title>
    <link rel="shortcut icon" href="/lily.ico" type="image/x-icon" />
    <meta name="keywords" content="<?php echo htmlentities($seo_keywords); ?>" />
    <meta name="description" content="<?php echo htmlentities($seo_desc); ?>" />
    <meta name="title" content="<?php echo htmlentities($seo_title); ?>" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0">
    <meta name="applicable-device" content="pc,mobile">
    <meta name="baidu-site-verification" content="code-ohmEl6V1zx" />
    <meta name="baidu-site-verification" content="code-x7NeohZb7A" />

    <?php if((request()->controller()=='News'||request()->controller()=='Events')&&request()->action()=='detail'){?>
    <meta property='og:title' content="<?php echo htmlentities($title); ?>"/>
    <meta property='og:image' content="<?php echo htmlentities($cover); ?>"/>
    <meta property='og:description' content="<?php echo htmlentities($first); ?>"/>
    <meta property='og:url' content="$url"/>
    <meta property="og:image:width" content="1200"/>
    <meta property="og:image:height" content="630"/>
    <meta name="twitter:site" content="@https://www.lily-bearing.com/" />
    <meta name="twitter:creator" content="@lilybearing" />
    <meta name="twitter:title" content="<?php echo htmlentities($title); ?>">
    <meta name="twitter:description" content="<?php echo htmlentities($first); ?>">
    <meta name="twitter:image" content="<?php echo htmlentities($cover); ?>">
    <meta name="twitter:card" content="summary_large_image">
    <?php }if($base_data['is_no_index']==true){ ?><meta name='robots' content='noindex'><?php }?>
   
    <!--/*no header css */-->
    <style>
        ::-webkit-scrollbar{
    width:8px;
    height: 6px;
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: rgba(0, 0, 0, .2);
  }
  ::-webkit-scrollbar-track-piece{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: #ededed;
  }
         @media(max-width:768px) {
            #header {
                display: none;
            }
        }

        #footer .footer-nav {
            display: none;
        }

        #footer .footer-copyright-container {
            display: none;
        }

        .footer-service .footer-wrapper {
            display: none;
        }

        .header-lang-item.active>a, .header-lang-item:hover>a {
            color: #36648a !important;
        }
        .header-lang-item.active:after {
            border-right: 3px solid #36648a !important;
        }

        .header-mbnav-level2-item .active {
            color: #36648a !important;
        }
        *,:after,:before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    </style>
 
    <script>window.$aioList = [ "hua" ]; window.$aioCdnPrefix = '/';</script>
    <script>
        window.gConfig =  window.gConfig || {};
        window.gConfig.isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
        var hClassName;
        if(window.gConfig.isMobile){
            hClassName = 'phone';
        }else{
            hClassName = 'pc';  
        }
        if(window.$aioList) {
            for(var i=0; i<window.$aioList.length; i++) {
                if(window.$aioCdnPrefix){
                    if(window.$aioList[i].length>0) {
                        document.write('<link rel="stylesheet" href="'+window.$aioCdnPrefix+window.$aioList[i]+'/'+(window.gConfig.isMobile?'phone':'pc')+'/css/index.css" />');
                    }
                } else {
                    if(window.$aioList[i].length>0) {
                        document.write('<link rel="stylesheet" href="'+window.$aioCdnPrefix+window.$aioList[i]+'/'+(window.gConfig.isMobile?'phone':'pc')+'/css/index.css" />');
                    }
                }
                
            }
        }
        var root = document.documentElement;
        root.className += hClassName ; 
    </script>
    <link rel="canonical" href="<?php echo $base_data['canonical_url']?>" />
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css" media="all" />
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/static/css/public4.css" media="all" />
    <link rel="stylesheet" href="/static/css/header-es-search.css" media="all" />
    <link rel="stylesheet" href="/static/css/header-sp.css" media="all" />

    <link rel="alternate" data-cp-role="site.variant" title="Chinese" hreflang="zh" href="<?php echo http_type().'www.lilybearing.com'.$_SERVER['REQUEST_URI'];?>" />
    <?php if($base_data['iszhong']==1){?>
    <link rel="alternate" data-cp-role="site.variant" title="English" hreflang="en" href="<?php echo http_type().'www.lily-bearing.com'.$_SERVER['REQUEST_URI'];?>"  />
    <?php } ?>
    
    <script type="text/javascript">
        //中文头部js代码位置
        //百度统计代码
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c5cc3b7c8c8813804401ae2b787ddc5a";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "cfo4pg4ohz");
    </script>
    <!--百度搜索-询盘框转化跟踪打点-->
    <script>
        window._agl = window._agl || [];
        (function () {
            _agl.push(
                ['production', '_f7L2XwGXjyszb4d1e2oxPybgD']
            );
            (function () {
                var agl = document.createElement('script');
                agl.type = 'text/javascript';
                agl.async = true;
                agl.src = 'https://fxgate.baidu.com/angelia/fcagl.js?production=_f7L2XwGXjyszb4d1e2oxPybgD';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(agl, s);
            })();
        })();
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H5GKXDQJMM"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-H5GKXDQJMM');
    </script>
    
    <!-- 英文站头部js代码位置 -->
    
</head>
<body >
<div id="content">
        <div id="common-components-container">
            <div data-mod-name-pc="@cloud/pep-header-and-footer-china/pc/index" data-mod-name-m="@cloud/pep-header-and-footer-china/m/index">
            <style>
                #header.show-dropdown .header-container {
                    height: 100vh !important;
                    z-index: 999;
                }

                .float-sidebar {
                  position: fixed !important;
                  z-index: 990 !important;
                }
            </style>
  
            <div data-mod-id="header" style="z-index:300;height: 60px;">
                <div class="header" data-mod-name="header">
                    <div id="header" bi_parent_name="navigation" meta-data-adjust-app="hide">
                        <div class="header-container">
                           <!--  <div class="header-topnav" >
                                <div class="header-topnav-wrapper">
                                    <li class="header-lang ">
                                        <div class="header-lang-current"><i class="header-icon-earth"></i><span class="header-lang-label">English</span><i class="header-icon-arrow-down"></i></div>
                                        <div class="header-lang-list">
                                            <div class="header-site">
                                                <ul class="header-site-right ">
                                                    <li class="header-lang-item active"><a style="text-decoration: none;" href="https://www.lily-bearing.com/">English</a></li>
                                                    <li class="header-lang-item"><a style="text-decoration: none;" href="https://www.lilybearing.com/">简体中文</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                </div>
                            </div> -->
                            <div class="header-wrapper">
                                <div class="header-bottom" style="background-color: #36648a;height: 60px">
                                    <div class="header-bottom-wrapper" style="height: 60px">
                                        <style type="text/css">
                                            @media(max-width:768px) {
                                                .header-logo img{height: 35px !important;width: auto !important;}
                                            }
                                           
                                        </style>
                                        <a class="header-logo"  bi_name="logo" href="/">
                                            <img src="https://image.lily-bearing.com/images/web/logo.png" alt="Lily Bearing">
                                        </a>
                                        <div class="header-nav">
                                            <div class="header-nav-scroll">
                                                <ul class="header-nav-list">
                                                    <?php foreach($base_data['nav_class'] as $key=>$vo): if($vo['first']['cname']=='Contact Us'){?>
                                                    <li><a style="text-decoration: none;" href="/<?php echo htmlentities($vo['first']['url']); ?>/"><span style="font-family: arial,helvetica,sans-serif;font-size: 14px;font-weight: normal;letter-spacing: 1px; color: #ffffff;"><?php echo ucwords($vo['first']['alias_name']); ?></span></a></li>
                                                    <?php }else{ ?>
                                                    <li data-key="<?php echo change_lower_symbol($vo['first']['cname']); ?>" >
                                                        <a style="text-decoration: none;" href="/<?php echo htmlentities($vo['first']['url']); ?>/">
                                                            <span style="font-family: arial,helvetica,sans-serif;font-size: 14px;font-weight: normal;letter-spacing: 1px; color: #ffffff;">
                                                                <?php echo ucwords($vo['first']['alias_name']); ?> 
                                                            </span>
                                                            <i class="layui-icon layui-icon-down" style="font-size:12px; color: #ffffff;display: block;position: static;width: auto;padding-left:5px;padding-top:1px;"></i>
                                                        </a>
                                                        
                                                    </li>
                                                    <?php } ?>
                                                    <?php endforeach; ?>

                                                </ul>
                                            </div>
                                            <div class="header-bottom-mask"></div>
                                            <div class="header-nav-hover-line"></div>
                                        </div>
                                        <div class="header-tools" >
                                            <div class="header-search J-header-search" bi_parent_name="search">
                                                <div class="header-search-inner" tabindex="-1">
                                                    <div class="header-search-content J-search-content">
                                                        <input onkeyup="searselnew()" id='sear' class="J-search-input" aria-label="Search" id="header-navigation-search-input" type="text" data-active-placeholder="输入要搜索的内容" autocomplete="off"><div class="close-icon"></div>
                                                        <button type="submit" class="header-search-submit" aria-label="Header Search" >
                                                            <i></i>
                                                        </button>
                                                        <i class="por-icon por-icon-cancel header-search-close J-search-close"></i>
                                                        <div class="header-search-droplist J-search-drop J-search-autoword" style="top:8px !important" data-clickable-asyn="true">  
                                                            <div class="J-search-hot">
                                                                <div class="J-search-history">
                                                                    
                                                                    <div class="J-search-history-content">
                                                                        
                                                                    </div>
                                                                </div>
                                                                <div class="J-search-popular">
                                                                    
                                                                    <div>
                                                                        <style type="text/css">
                                                                            .search-right-data {float: left;width: 60%;padding: 15px 0px;}
                                                                            .search-right-data li{border-bottom: 1px solid #ccc;padding: 5px 0px;}
                                                                            .search-right-data li h2 a:hover{background-color: #ffffff !important;text-decoration: underline;}
                                                                            .search-right-data li h2 a{text-decoration: none;}
                                                                            #left-ul-sear1 a{text-decoration: none;}
                                                                        </style>
                                                                        <ul id='left-ul-sear1' style="float:left;width: 40%;">
                                                                            <!-- <div class="J-search-title">Suggestions</div>
                                                                            <li><a>625</a></li>
                                                                            <li><a>688</a></li>
                                                                            <li><a>625zz</a></li>
                                                                            <li><a>625zzss</a></li>
                                                                            <li><a>625zzssaew</a></li> -->
                                                                        </ul>
                                                                        <ul class='search-right-data' id='sear-right-tui1'>
                                                                            <!-- <li>
                                                                                <div style="float: left;">
                                                                                    <img src="https://image.lily-bearing.com/images/class/single_row_deep_groove_ball_bearings_open.jpg?x-oss-process=image/resize,w_70,h_70,m_pad/auto-orient,1/quality,q_90/format,png">
                                                                                </div>
                                                                                <div style="float: left;width: calc(100% - 70px)">
                                                                                    <h2 style="padding:0px"><a href="" style="color:#36648a;padding: 0px;">625</a></h2>
                                                                                    <div>Bore Dia: 5 mm, Outer Dia: 16 mm, Seal Type: Sealed, Ring Material: 52100 Chrome Steel, Width: 5 mm</div>
                                                                                </div>
                                                                                <div style="clear:both"></div>
                                                                            </li> -->
                                                                            
                                                                            
                                                                        </ul>
                                                                        <div style="clear:both"></div>
                                                                    </div>
                                                                    
                                                                </div>
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="header-search-button">
                                                    <input class="search-default" aria-label="Search Default" type="text" data-active-placeholder="Search" autocomplete="off" placeholder="输入要搜索的内容">
                                                    <i></i>
                                                </div>
                                            </div>
                                            <div class="header-menu-search-mb">
                                                <!-- <span class="header-icon-search" style="color:#fff"></span> -->
                                                <i class="layui-icon layui-icon-search" style="font-size: 18px; color: #ffffff;background-color: #36648a !important;"></i>  
                                            </div>
                                            <ul class="header-tools-right header-main" style="background-color:#36648a">
                                               <!--  <li><a href="">联系我们</a></li> -->
                                               <li>
                                                   <div style="height: 40px; line-height: 40px;margin-top:-10px;width: 200px;">
                                                       <img style="height: 34px;width: 34px;float: left;margin-top: 2px;" src="https://image.lilybearing.com/images/web/zh-phone-tel2.png">
                                                       <div style="color:#fff;float: right;width: 160px;font-size: 20px;font-weight: 800;margin-top:-2px;">400-862-9828</div>
                                                   </div>
                                                   
                                               </li>
                                                
                                                 
                                                <li>
                                                    <div class="qlang" id="#qlang" style="position: static;">
                                                        <div class="qlang-body">
                                                            <div onclick="lan_qihuan2()" class="qlang-first">
                                                                <span>CN</span>
                                                                <img src="https://image.lilybearing.com/images/web/down3jiao.png" alt="down3jiao" style="aspect-ratio:4/3; object-fit:contain;margin-top: 0px;">
                                                                <div class="clear"></div>
                                                            </div>
                                                            <ul class="qlang-sechond" id="qlang-sechond" style="display: none;">
                                                                <li style="height:16px;" class="qlang-sechond-l1" id="qlang-sechond-l1" style="background: rgb(54, 100, 138);"><a href="https://www.lilybearing.com/" style="color: rgb(255, 255, 255);"><i class="layui-icon layui-icon-ok" style="font-size: 12px; color: rgb(255, 255, 255);"></i>CN</a></li>
                                                                <li style="height:16px;" class="qlang-sechond-l2" onmouseout="qlang_hover_out()" onmouseover="qlang_hover()"><a href="https://www.lily-bearing.com/"><i class="layui-icon layui-icon-ok" style="font-size:12px"></i>EN</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </li>
                                                
                                            </ul>
                                            <div class="header-menu-mb" data-clickable="true">
                                                <span style="background-color: #ffffff;"></span>
                                                <span style="background-color: #ffffff;"></span>
                                                <span style="background-color: #ffffff;"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <script type="text/html" id="holder-drop"></script>
                                <script type="text/html" id="holder-mbnav"></script>
                                
                                <div class="header-mbshearch header-backdrop" bi_parent_name="search_mb">
                                    <div class="header-mbshearch-innner">
                                        <div class="header-mbshearch-form">
                                            <div class="header-mbshearch-form-row">
                                                <div><div class="header-mbshearch-input-box"><i class=""></i><input onkeyup="searselnew_phone()" id="sear_phone" type="text" class="header-mbshearch-input" autocomplete="off"></div></div>
                                                <div style="margin:3px 0px 0px 5px"><button onclick='sear1_phone()' type="button" class="layui-btn layui-btn-warm layui-btn-sm">搜索</button></div>
                                                <div><span style="text-decoration:none;" class="header-mbshearch-cancel">取消</span></div>
                                            </div>
                                        </div>
                                        <div  style="padding: 10px 20px;">
                                            <style type="text/css">
                                                #left-ul-sear1_phone a{text-decoration: none;color: #333;}
                                            </style>
                                            <ul id="left-ul-sear1_phone">
                                                <!-- <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li>
                                                <li style="padding:3px 0px;"><a href="">625</a></li> -->
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
<style type="text/css">
    body {
        background: #ffffff;
        /* word-wrap : break-word ;
        word-break : break-all ;
        text-align: justify; */
        font: 12px/14px arial,helvetica,sans-serif;
    }
    * {
        box-sizing: border-box;
    }
    h1,
    h2,
    h3,
    h4 {
        /*font-weight: 700 !important;*/
    }

    h2 {
        font-size: 14px;
    }
    h3 {
        font-size: 12px;
    }

    .layui-card-body{
        padding: 0px 0px;
    }
    .row-rh>div{
        margin-bottom: 100px;
    }
    .row-rh>div:last-child{
        margin-bottom: 10px;
    }
    .row-rh a {
        font-size: 14px;
        text-decoration: none;
    }
    .view-box:hover,.view-box:hover a{
        color: #428bca !important;

    }
    .row-lf-cn-li h4{
        color:#36648a;
    }
    .row-btm-cn p{
        font: 12px/14px arial,helvetica,sans-serif;
        margin-bottom: 10px;
        line-height: 20px;
    }
    .row-lf-h2 h1{
        font-variant: small-caps;
    }
    img{
        max-width: 100%;
    }
    .row img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }
    .rh-cn-li div:first-child{
        height: 70px;
    }
    .item{
        padding: 0 11px;
    }
    .item img{
        max-height: 32px;
        max-width: 150px;
    }
    .h4{
        font-size: 18px;
        line-height: 18px;
        font-weight: normal !important;
        text-transform: uppercase;
        color: #002D64;
        letter-spacing: 0.08em;
        font-family: 'din-2014', sans-serif;
    }
    .h3{
        font-size: 24px;
        line-height: 36px;
        font-weight: bold;
        text-transform: uppercase;
        color: #002D64;
        font-family: 'din-2014-narrow', sans-serif;
    }
    .h2{
        font-size: 32px;
        line-height: 40px;
        font-weight: bold;
        text-transform: uppercase;
        color: #002D64;
        font-family: 'din-2014-narrow', sans-serif;
    }
    .white_button{
        background-color: #157BFB;color: white;border: 2px solid #157BFB;padding-top: 13px;padding-bottom: 13px;    font-weight: 600;font-size: 16px;line-height: 18px;text-transform: uppercase;padding: 15px 30px;letter-spacing: 0.08em;text-decoration: none !important;outline: 0 !important;position: relative;font-family: 'din-2014', sans-serif;border-radius: 5px;
    }
    .white_button:hover{
        color: #157BFB;
        background-color: white;
        border-color: #157BFB;
    }
    .colm{
        padding-right: 16px;background-size: cover;display: block;
    }
    .layui-row ul{
        display: block;
    }
    .white_ul{
        display: flex !important;
        flex-wrap: wrap;
    }
    .white_ul li{
        width: calc(100% / 2);
    }
    .content-w li{
        transition: all 0.6s;
        text-align: -webkit-match-parent;
    }
    .content-w li a{
        margin-left: 30px;
        text-decoration: none;
        color:white;
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        font-family: 'din-2014', sans-serif;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
        -webkit-transition: all 0.2s;
        color: #157BFB;
    }
    .content-w li a:hover{
        color: #0065aa;
    }
    .content-w li:hover  span{
        color: #0065aa;
        margin-left: 20px;
    }
    .layui-row .nav-tabs{
        background-color: white;
        border: 0 !important;
        width: 100%;
        margin-bottom: 30px;
        display: flex;
        border-radius: 1px;
        justify-content: space-between;
        box-shadow: 0px 1px 2px rgb(0 0 0 / 10%);
    }
    .layui-row .nav{
        padding-left: 0;
        list-style: none;
    }

    .layui-row .nav-tabs li{
        background-color: white;
        border: 0 !important;
        font-weight: 530;
        font-size: 14px;
        line-height: 14px;
        font-family: 'din-2014', sans-serif;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #002D64;
        margin: 0;
        text-align: center;
        border-bottom: 4px solid transparent !important;
        white-space: break-spaces;
        padding: 20px 15px ;
    }

    .layui-row .nav-tabs li.layui-this{
        background-color: white;
        color: #157BFB;
        border-bottom: 4px solid #f7c542 !important;

    }
    .layui-row .nav-tabs li.layui-this:after{
        border: 0;
    }
    .layui-tab-title{
        height: 70px;
    }
    a{
        text-decoration:none;
    }
    .center-ul{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 5px;
        margin-left: 35px;
    }
    .center-li{
        width: calc(100% / 3);
        padding: 10px 30px;
    }
    .server-ul{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 5px;
        margin-left: 35px;
    }
    .server-li{
        width: calc(100% / 4);
        padding: 10px 30px;
    }

    .center-li-title{
        margin-top: 10px;
        width: 100%;
        height: 20px;
        line-height: 15px;
        font-size: 14px;
        display: flex;
        justify-content: left;
        align-items: center;
        text-align: left;
    }
    .content-w{
        width:1200px;
        margin: auto;
    }
    .lay-content{
       
        font: 12px/14px 'din-2014-narrow', sans-serif;
    }
    .row-lp{
        width:50%;
        height: 500px;
        text-align: center;
    }
    .row-lp-con{
        margin-top: 80px;
        height: 100%;
        min-width:309px;
        min-height:210px;
        max-height: 450px;
    }
    .row-mf{
        width:40%;
        float: left;
        text-align: left;
        top: 100px;
        padding-left: 30px;
    }
    .row-mf-span{
        font-weight: 700;
        font-size: 50px;
        line-height: 60px;
        color: #002D64;
        letter-spacing: -0.02em;
        text-transform: uppercase;
        margin-bottom: 12px;
    }
    .row-mf-strong{
        word-spacing:0px;
        color: #f7c542;
        font-weight: 700;
    }
    .row-mf-p{
        margin-top: 40px;
        margin-bottom:70px;
        color: #002D64;
        font-size:16px;
        line-height: 24px;
        font-weight: normal;
        letter-spacing: 0.02em;
    }
    .row-rp{
        width:10%;
        float: right
    }
    .row-rp-con{
        max-width: 60%;
        margin-top: 30px;
        margin-left: 50px;
    }
    .layui-lun{
        width:100%;
        min-width: 900px;
        max-width: 1920px;
        margin: 0 auto;

    }
    .layui-banner{
        background-color: #36648a;
        padding-left: calc(50vw - 708px);
        padding-right: calc(50vw - 708px);
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .layui-banner-container{
        background-size: cover;
        display: block;
        flex-direction: column;
    }
    .layui-banner-content{
        display: flex;
        align-items: center;
    }
    .layui-banner-span{
        color: #f7c542;
        margin: 0;
        font-size: 24px;
        line-height: 36px;
        height:36px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .top-l{
        width:70%;
        margin-top: 40px;
    }
    .top-l-p1{
        text-align:center;
        font-weight: 550;
        color: #157BFB;
        font-size: 18px;
        line-height: 18px;
        height:18px;
        font-family: 'din-2014-narrow', sans-serif;
    }
    .top-l-p2{
        text-align:center;
        word-spacing:-2px;
        font-weight: 800;
        font-size: 40px;
        line-height: 40px;
        color: #002D64;
        letter-spacing: -0.02em;
        /*font-family: cursive;*/
        text-transform: uppercase;
        margin-top: 20px;
    }
    .top-l-p3{
        font-weight:normal;
        color: #36648a;
        line-height: 36px;
        font-size:16px;
        margin-top: 10px;
        padding-right: 25px;
    }
    .top-l-p4{
        text-align: center;
        margin-top: 60px;
    }
    .top-r{
        width:30%;
        float: right;
    }
    .top-r-top{
        margin-top: 40px;
    }
    .mid{
        border-radius: 20px;
        min-height: 300px;
        width: 100%;
        margin-top: 8px;
        text-decoration: none;
        text-transform: uppercase;
        height: auto;
        line-height: normal;
        box-shadow: none;
        padding: 10px 24px;
        display: inline-block;
        border:2px solid rgb(255 208 106);
        color: rgb(223 178 67);
        margin: auto;
    }
    .server-mid{
        border-radius: 20px;
        min-height: 150px;
        width: 100%;
        margin-top: 8px;
        text-decoration: none;
        text-transform: uppercase;
        height: auto;
        line-height: normal;
        box-shadow: none;
        padding: 10px 24px;
        display: inline-block;
        border:2px solid rgb(255 208 106);
        color: rgb(223 178 67);
        margin: auto;
    }
    .mid-top{
        min-height: 158px;
    }
    .mid-top-l{
        width:20%;
        float: left;
        padding-left: 30px !important;
    }
    .mid-top-lp{
        width:80%;
    }
    .mid-top-r{
        width:80%;
        float: right;
        margin-top: 30px;
    }
    .mid-top-rp1{
        color: #36648a;
        line-height: 36px;
        height: 38px;
        font-size: 20px;
        text-align: left;
        margin-left: 80px;
        font-weight: bold;
    }
    .mid-top-rp2{
        color: #36648a;
        line-height: 36px;
        font-size:14px;
        text-align: left;
        margin-left: 80px;
    }
    .layui-banner2{
        display: flex;
        min-height:100px;
        background-color: #f7c542;
        padding-top: 25px;
        padding-bottom: 25px;
        text-align: center;
        align-items: center;
        padding-left: calc(50vw - 608px);
        padding-right: calc(50vw - 608px);
    }
    .layui-banner2 .colm:nth-child(1){
        width:25%;
    }
    .layui-banner2 .colm:nth-child(2){
        width:50%;
    }
    .layui-banner2 .colm:nth-child(3){
        width:25%;
    }
    .serv-l{
        width:55%;
        padding-right: 15px !important;
    }
    .serv-r{
        width:45%;
        padding-left: 25px;
    }
    .bottom{
        width:60%;
        padding: 30px;
        background: linear-gradient(to right, #1e3c72 0%, #2a5298 100%) !important;
    }
    .bottom-r{
        width:40%;
    }
    .bottom-rp{
        min-height:532px;
    }
    .foot-l{
        width:50%;
        padding-right: 15px !important;
    }
    .foot-r{
        width:50%;
        margin-top: 25px;
        padding-left: 25px;
    }
    .bom60{
        padding-bottom: 90px;
    }
    .services-top{
        margin-top: 30px;
    }

    @media screen and (min-width: 768px) {
        .rh-cn-li:hover img{
            transform: scale(1.2);
        }
        .rh-cn-li:hover .hover-scale-09{
            transform: scale(0.9);
        }
        .rh-cn-li:hover .hover-scale-1{
            transform: scale(1);
        }
        .rh-cn-li:hover .hover-scale-13{
            transform: scale(1.3);
        }

        .tesla{
            margin: 0 auto;
            margin-bottom: 30px;
            border-radius: 10px;
            width: 100%;
            margin-top: 8px;
            padding: 30px 50px;
            display: inline-block;
            border: 1px solid #D5D5D5;
            word-break: break-all;
            hyphens: auto;
        }
        .tesla_img img{
            width: 20%;
            float: left;
            margin-left: 20px;
        }
        .tesla_right {
            float: right;
            width: 70%;
            /*background-color: pink;*/
        }
        .tesla_right_title{
            font-weight: bold;
            display: inline-block;
            width: 100%;
            font-size: 22px;
            height: 50px;
            padding-top: 10px;
            /*background-color: red;*/
        }
        .tesla_right_text {
            width: 88%;
            text-align: left;
            /*background-color: #00aa00;*/
            height: 60%;
            font-size: 18px;
            font-weight: 350;
            color: #838181;
            line-height: 40px;
            padding-top: 20px;
            hyphens: auto;
            word-break: normal;
        }
        .tesla_right_a{
            display: inline-block;
            width: 150px;
            height: 40px;
            background-color: #ffca56;
            border-radius: 10px;
            float: right;
            justify-content: center;
            font-size: 18px;
            font-weight: 550;
            color: #295984;
            line-height: 40px;
            text-align: center;
            margin-top: 20px;
            margin-right: 55px;
        }
        .tesla_introduce {
            margin: 0 auto;
            margin-bottom: 30px;
            width: 100%;
            margin-top: 8px;
            padding: 20px 50px;
            display: inline-block;
            word-break: normal;
            hyphens: auto;
        }
        .tesla_introduce_p1 {
            width: 100%;
            text-align: center;
            font-weight: 800;
            font-size: 40px;
            color: #002D64;
            letter-spacing: -0.02em;
        }
        .tesla_introduce_p2 {
            width: 100%;
            font-size: 16px;
            text-align: center;
            line-height: 36px;
            margin-top: 30px;
            font-weight: normal;
            color: #36648a;
        }
        .tesla_introduce_p3 {
            width: 100%;
            font-size: 16px;
            text-align: center;
            line-height: 36px;
            margin-top: 20px;
            font-weight: normal;
            color: #36648a;
        }

    }
    @media screen and (max-width: 768px) {
        .layui-card-body{
            margin-top: 75px;
        }
        .news li{
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        .row-lp{
            margin-top: 30px;
            width:80%;
            height: 210px;
            text-align: center;
        }
        .row-rp{
            width: 15%;
            float: right;
        }
        .row-rp-con{
            max-width: 100%;
            margin-top: -350px;
            margin-left: -40px;
        }
        .row-mf{
            width: 100%;
            float: left;
            text-align: left;
            margin: 10px;
            top: 0px;
            padding-left: 15px;
            padding-right: 15px;
        }
        .row-mf-span{
            word-spacing: -2px;
            font-size: 35px;
            line-height: 35px;
            font-family:'din-2014-narrow', sans-serif;
        }
        .top-l-p2{
            font-family:'din-2014-narrow', sans-serif;
            font-size: 34px;
            line-height: 40px;
        }
        .layui-banner{

        }
        .bom30,.bom60{
            padding-bottom: 30px;
        }
        .padlr15{
            padding-left: 15px;
            padding-right: 15px;
        }
        .layui-banner-content .item:first-child{
            width: 100%;
            text-align: center;
            margin-bottom: 15px;
            margin-top: -10px;
        }
        .layui-banner-content .item:last-child{
            width: 100% !important;
            text-align: center;
            margin-bottom: 15px;
            margin-top: 40px;
            display:block !important;
        }
        .layui-banner-content .item .h5{

        }
        .layui-banner-content .item:nth-child(n+2) {
            display: inline;
            width: 40%;
        }
        .content-w,.top-r,.serv-l, .serv-r,.bottom,.bottom-r,.foot-l,.foot-r,.mid-top-lp,.top-l{
            width:100%;
        }
        .serv-r .h3{
            margin-top: 20px;
        }
        .foot-l{
            padding-left: 15px;
        }
        .foot-r{
            padding-right: 25px;
        }
        .top-l-p3{
            line-height: 24px;
        }
        .top-l-p4{
            text-align: left;
        }
        .mid-top-l{
            width: 50%;
            margin-top: 50px;
            padding-left:0px;
        }
        .mid-top-r{
            width: 50%;
        }
        .mid-top-rp1{
            margin-left: 0px;
        }
        .mid-top-rp2{
            margin-left: 10px;
            margin-top: 60px;
            font-weight: bold;
        }
        .center-ul{
            width:100%;
            margin-left: 0px;
        }
        .center-li{
            width:50%;
            padding: 10px;
        }
        .server-ul{
            width:100%;
            margin-left: 0px;
        }
        .server-li{
            width:50%;
            padding: 10px;
        }
        .layui-banner2 .colm:nth-child(n+1){
            width:100%;
        }
        .layui-banner2{
            display: block;
        }
        .layui-banner2 .colm:last-child{
            margin-top: 25px;
        }
        .h2{
            font-size: 16px;
        }
        .h3{
            font-size: 14px;
            line-height: 28px;
        }
        .bottom-rp{
            min-height:100%;
        }
        .layui-row li a{
            margin-left: 0px;
        }
        .layui-banner-content{
            display: block;
        }
        .layui-banner-span{
            font-size: 19px;
            line-height: 28px;
        }
        .row-lp-con {
            margin-top: 30px;
        }
        .layui-lun{
            min-width:100%;
        }
        .layui-tab-title{
            height: 100px;
        }
        .top-r-top,services-top{
            margin-top: 0px;
        }
        .tesla{
            margin: 0 auto;
            margin-bottom: 30px;
            border-radius: 10px;
            width: 100%;
            margin-top: 8px;
            padding: 20px 30px;
            display: inline-block;
            border: 1px solid #D5D5D5;
            /*word-break: break-all;*/
            hyphens: auto;
        }
        .tesla_img {
            display: inline-block;
            width: 100%;
            /*text-align: center;*/
        }
        .tesla_img img{
            width: 20%;
            margin-left: 40%;
        }
        .tesla_right {
            float: right;
            width: 100%;
            /*background-color: pink;*/
        }
        .tesla_right_title{
            font-weight: bold;
            display: inline-block;
            width: 100%;
            font-size: 20px;
            height: 50px;
            margin-top: 20px;
            line-height: 30px;
            /*background-color: red;*/
        }
        .tesla_right_text {
            width: 100%;
            text-align: left;
            /*background-color: #00aa00;*/
            /*height: 60%;*/
            font-size: 18px;
            font-weight: 350;
            color: #838181;
            line-height: 40px;
            padding-top: 10px;
            hyphens: auto;
        }
        .tesla_right_a{
            display: inline-block;
            width: 150px;
            height: 40px;
            background-color: #ffca56;
            border-radius: 10px;
            float: right;
            justify-content: center;
            font-size: 18px;
            font-weight: 550;
            color: #295984;
            line-height: 40px;
            text-align: center;
            margin-top: 20px;
        }
        .tesla_introduce {
            margin: 0 auto;
            margin-bottom: 10px;
            width: 100%;
            margin-top: 8px;
            padding: 10px 30px;
            display: inline-block;
            word-break: normal;
            hyphens: auto;
        }
        .tesla_introduce_p1 {
            width: 100%;
            text-align: center;
            font-weight: bold;
            font-size: 20px;
            line-height: 30px;
            color: #002D64;
            letter-spacing: -0.02em;
        }
        .tesla_introduce_p2 {
            width: 100%;
            font-size: 16px;
            text-align: center;
            line-height: 25px;
            margin-top: 20px;
            font-weight: normal;
            color: #36648a;
        }
        .tesla_introduce_p3 {
            width: 100%;
            font-size: 16px;
            text-align: center;
            line-height: 25px;
            margin-top: 20px;
            font-weight: normal;
            color: #36648a;
        }
    }
</style>
<div class="lay-content">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-row layui-bg-gray bom60">
                <div class="layui-lun">
                    <div class="layui-col-sm5 row-lp">
                        <img class="row-lp-con" src="<?php echo Config::get('app.images_host'); ?>/images/web/banner-01.png?v=<?php echo time(); ?>" />
                    </div>
                    <div class="layui-col-sm1 row-rp">
                        <img class="row-rp-con" src="<?php echo Config::get('app.images_host'); ?>/images/web/iso.png"/>
                    </div>
                    <div class="layui-col-sm5 row-mf">
                        <span class="row-mf-span">卓越的轴承就在<br/><strong class="row-mf-strong">您身边</strong>
                        </span>
                        <p class="row-mf-p">作为一家领先的轴承制造商，养贞轴承以富有竞争力的价格提供高品质的精密轴承。我们的目标是与您分享我们的核心价值 - <strong>极其卓越的品质 & 一如既往的诚信& 顾客至上的理念。</strong></p>
                        <a href="/request-a-quote/" style="padding:0px;"><button class="layui-btn layui-btn-sm" style="background-color: #f7c542;color:black;font-weight:bold;border-radius:5px;height:50px;width: 180px;font-size: 15px;">报价咨询</button></a>
                    </div>
                </div>

            </div>
            <div class="layui-row">
                <div class="layui-banner">
                    <div class="layui-banner-container">
                        <div class="layui-banner-content">
                            <div class="item">
                                <h2 class="layui-banner-span">轴承制造商名录</h2>
                            </div>
                            <div class="item">
                                <a href="/product/marketing/ezo/"><img src="<?php echo Config::get('app.images_host'); ?>/images/web/banner-02.png?v=<?php echo time(); ?>" alt="Ezo"></a>
                            </div>
                            <div class="item">
                                <a href="/product/marketing/kaydon-lily-interchange-table/"><img src="<?php echo Config::get('app.images_host'); ?>/images/web/banner-03.png?v=<?php echo time(); ?>" alt="Kaydon"></a>
                            </div>
                            <div class="item">
                                <a href="/product/ball-bearing/miniature-bearing/nmb/"><img src="<?php echo Config::get('app.images_host'); ?>/images/web/banner-04.png?v=<?php echo time(); ?>" alt="Nmb"></a>
                            </div>
                            <div class="item">
                                <a href="/product/marketing/dynaroll/"><img src="<?php echo Config::get('app.images_host'); ?>/images/web/banner-05.png?v=<?php echo time(); ?>" alt="Dynaroll"></a>
                            </div>
                            <div class="item">
                                <a href="/product/cam-followers/"><img src="<?php echo Config::get('app.images_host'); ?>/images/web/banner-06.png?v=<?php echo time(); ?>" alt="McGill"></a>
                            </div>
                            <div class="item">
                                <a href="/product/thk-linear-motion-guides/"><img src="<?php echo Config::get('app.images_host'); ?>/images/web/banner-07.png?v=<?php echo time(); ?>" alt="THK"></a>
                            </div>
                            <div class="item">
                                <a href="/product/fag-angular-contact-ball-bearings/"><img src="<?php echo Config::get('app.images_host'); ?>/images/web/banner-08.png?v=<?php echo time(); ?>" alt="FAG"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row content-w" style="margin-top: 0px;">
                <div class="layui-col-sm8 top-l bom30 padlr15">
                    <p class="top-l-p1">中国最大的轴承出口商之一</p>

                    <h1 class="top-l-p2">轴承制造商</h1>

                    <p class="top-l-p3">作为一家高产的轴承制造商，我们以5,000万个/年的生产速度向市场供应60,000多种轴承类别。这些轴承的尺寸范围覆盖1.5mm内径到4,000mm外径，您可以从我们浩瀚的轴承库中找到适合您的产品。作为一家高定位的轴承制造商，我们自始至终为客户提供高质量的产品和服务。如果您需要定制轴承，我们可以为您的应用提供顶级的技术支持和解决方案
                    </p>
                    <h2 class="view-box top-l-p4">
                        <a href="/product/"><button class="layui-btn layui-btn-sm" style="background-color: #f7c542;color:black;font-weight:bold;border-radius:5px;height:50px;width: 240px;font-size: 15px;">查看所有的轴承类别</button></a>
                    </h2>
                </div>
                <div class="layui-col-sm4 top-r">

                    <div class="top-r-top">
                        <iframe width="100%" height="342" src="https://www.youtube.com/embed/kLnE0vymAvI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" enablejsapi="true" id="widget2"></iframe>
                    </div>
                </div>
            </div>
            <div class="layui-row content-w padlr15 bom30" style="margin-top: 30px;">
                <div class="mid">
                    <div class="mid-top">
                        <div class="layui-col-sm4 mid-top-l">
                            <a href="/product/"><img id="arrow_pic" class="mid-top-lp" src="<?php echo Config::get('app.images_host'); ?>/images/class/ballbearing.png" style=""/></a>
                        </div>
                        <div class="layui-col-sm1 mid-top-r" style="">
                            <h3 class="mid-top-rp1">
                                <a href="/product/ball-bearing/" id="arrow_title">球轴承</a>
                            </h3>
                            <p class="mid-top-rp2">
                                <a href="/product/ball-bearing/" id="arrow_desc">精密、高速、高温</a>
                            </p>
                        </div>
                    </div>
                    <div class="layui-col-sm12" style="width:100%;">
                        <div class="center-ul">
                            <div class="center-li">
                                <div class="center-li-title" ><a href="/product/ball-bearing/"><div data-title="球轴承" data-desc="精密、高速、高温" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/ballbearing.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">球轴承</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/roller-bearings/"><div data-title="滚子轴承" data-desc="高负载、紧凑解决方案、抗摩擦" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/rollerbearings.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">滚子轴承</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/cam-followers/"><div data-title="凸轮从动件" data-desc="设计的减摩、耐腐蚀、高负载能力" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/camfollowers.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">凸轮从动件</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/slewing-ring-bearings/"><div data-title="转盘轴承" data-desc="KAYDON替代品，精密，不锈钢，重型应用" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/slewingringbearings.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">转盘轴承</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/plain-bearings/"><div data-title="滑动轴承" data-desc="高静载荷免维护滑动轴承" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/plainbearings.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">滑动轴承</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/linear-bearings/"><div data-title="直线轴承" data-desc="在无碎片环境中摩擦更小，速度更快" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/linearballbearings.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">直线轴承</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/custom-bearings/"><div data-title="定制轴承" data-desc="特殊的几何结构，更短的交付周期，先进的润滑" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/custombearings.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">定制轴承</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/stainless-steel-bearings//"><div data-title="不锈钢轴承" data-desc="耐腐蚀，440和316不锈钢，食品级润滑剂" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/stainlesssteelbearings.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">不锈钢轴承</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/ceramic-bearing/"><div data-title="陶瓷轴承" data-desc="全陶瓷和混合，非磁性，800°C高温" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/ceramicbearing.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">陶瓷轴承</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/polyurethane-roller-bearings/"><div data-title="聚氨酯滚筒" data-desc="低噪音，高速，保持高稳定性，确保安全和性能。" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/polyurethane_rollers.jpg" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">聚氨酯滚筒</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/gears/"><div data-title="齿轮" data-desc="齿轮和链轮、低速啮合、有色合金、铸铁、粉末冶金和塑料耐脏性" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/gears.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">齿轮</div></a></div>
                            </div>
                            <div class="center-li">
                                <div class="center-li-title"><a href="/product/o-rings/"><div data-title="O型圈" data-desc="典型、真空和高温、润滑要求、硬度计、化学兼容性、密封压力" data-src="<?php echo Config::get('app.images_host'); ?>/images/class/orings.png" onmouseover="document.getElementById('arrow_pic').src=this.dataset.src;document.getElementById('arrow_title').innerText=this.dataset.title;document.getElementById('arrow_desc').innerText=this.dataset.desc;document.getElementById('arrow_desc').href=this.parentNode.href;document.getElementById('arrow_title').href=this.parentNode.href;document.getElementById('arrow_pic').parentNode.href=this.parentNode.href">O型圈</div></a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row ">
                <div class="layui-banner2">
                    <div class="colm">
                        <h4 class="h4  ">仍有疑惑？</h4>
                    </div>
                    <div class="colm">
                        <h2 class="h3">与经验丰富的团队成员交谈</h2>
                    </div>
                    <div class="colm">
                        <a class="white_button" href="/contact-us/" target="_self">联系我们</a>
                    </div>
                </div>
            </div>
            <div class="layui-row  layui-bg-gray" >
                <div class="content-w" style="padding-bottom: 50px;">
                    <h2 class="h2" style="text-align: center;padding: 35px 0px;">
                        <a href="/application-solutions/">我们服务的行业<span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></a>
                    </h2>
                    <div class="layui-tab">
                        <ul class="layui-tab-title nav nav-tabs">
                            <li class="layui-this">医疗行业用轴承</li>
                            <li>食品和饮料行业轴承</li>
                            <li>机器人轴承</li>
                            <li>高温轴承</li>
                            <li>汽车轴承</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <div class="layui-row content-w">
                                    <div class="layui-col-sm7 serv-l">
                                        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/medical.jpg" style="width: 100%;" />
                                    </div>
                                    <div class="layui-col-sm4 serv-r" style="">
                                        <h3 class="h3">医疗行业用轴承</h3>
                                        <p style="color: #002D64;line-height: 24px;font-size:15px;margin-top: 10px;font-weight: normal;font-family: 'proxima-nova', sans-serif;letter-spacing: 0.02em;">为了有更好的防锈效果，我们一般会采用不锈钢，但为了迎合某些高端客户的特殊需求，也会采用氮化硅陶瓷。由于医疗行业对轴承的精度要求比较高，作为一个高度重视产品精确度的轴承制造商，我们提供精度为ABEC5级的轴承，有时还会提供更高级别（诸如精度ABEC7）的轴承。
                                        </p>
                                        <p class="h4" style="font-weight: bold !important;margin-top: 20px;">热门轴承</p>
                                        <ul style="margin-top: 10px;padding-left: 15px;border-left: 2px solid #f7c542;">
                                            <li><a style="" href="/product/ball-bearing/miniature-bearing/">微型轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span> </li>
                                            <li><a style="" href="/product/ball-bearing/thin-section-bearings/">薄壁轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                            <li><a style="" href="/product/stainless-steel-bearings/">不锈钢球轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                            <li><a style="" href="/product/ceramic-bearing/">陶瓷轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                        </ul>
                                        <p class="view-box" style="margin-top: 30px;">
                                            <a href="/resources/application-solutions/medical-bearings-application-solutions/"><button class="layui-btn layui-btn-sm" style="background-color: #f7c542;color:black;font-weight:bold;border-radius:5px;height:50px;width: 180px;font-size: 15px;">了解更多</button></a>
                                        </p>
                                    </div>

                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="layui-row content-w">
                                    <div class="layui-col-sm7 serv-l">
                                        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/food.jpg" style="width: 100%;" />
                                    </div>
                                    <div class="layui-col-sm4 serv-r" style="">
                                        <h3 class="h3">食品和饮料行业轴承</h3>
                                        <p style="color: #002D64;line-height: 24px;font-size:15px;margin-top: 10px;font-weight: normal;font-family: 'proxima-nova', sans-serif;letter-spacing: 0.02em;">食品和饮料加工企业面临着使食品更加安全、更加卫生和更加健康的压力。同时，这些企业需要控制维护成本并且提高正常运行的时间。作为一家在业界广受欢迎的轴承制造商，养贞轴承公司利用丰富的材料生产具有不同类别和不同样式的产品，以确保您的零件可以承受食品生产所面临的极端条件以及特定的政府要求。
                                        </p>
                                        <p class="h4" style="font-weight: bold !important;margin-top: 20px;">热门轴承</p>
                                        <ul style="margin-top: 10px;padding-left: 15px;border-left: 2px solid #f7c542;">
                                            <li><a style="" >食品级润滑脂</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span> </li>
                                            <li><a style="" href="/product/stainless-steel-bearings/">不锈钢轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                            <li><a style="" href="/product/ceramic-bearing/">陶瓷轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                        </ul>
                                        <p class="view-box" style="margin-top: 30px;">
                                            <a href="/resources/application-solutions/food-and-beverage/"><button class="layui-btn layui-btn-sm" style="background-color: #f7c542;color:black;font-weight:bold;border-radius:5px;height:50px;width: 180px;font-size: 15px;">了解更多</button></a>
                                        </p>
                                    </div>

                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="layui-row content-w">
                                    <div class="layui-col-sm7 serv-l">
                                        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/robotics.jpg" style="width: 100%;" />
                                    </div>
                                    <div class="layui-col-sm4 serv-r" style="">
                                        <h3 class="h3">机器人轴承</h3>
                                        <p style="color: #002D64;line-height: 24px;font-size:15px;margin-top: 10px;font-weight: normal;font-family: 'proxima-nova', sans-serif;letter-spacing: 0.02em;">机器人应用中使用的轴承必须是高精度的，具有良好的旋转精度和可靠性。卓越的轴承供应使这些机器人设备能够顺利和有效地运行，从而使您的运营能够继续取得成功。LILY轴承为您提供合适的轴承解决方案，无论是机器人手臂的基础轴承还是用于铰接式机器人手臂的轴承。
                                        </p>
                                        <p class="h4" style="font-weight: bold !important;margin-top: 20px;">热门轴承</p>
                                        <ul style="margin-top: 10px;padding-left: 15px;border-left: 2px solid #f7c542;">
                                            <li><a style="" href="/product/ball-bearing/thin-section-bearings/">薄壁轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span> </li>
                                            <li><a style="" href="/product/roller-bearings/crossed-roller-bearings/">交叉滚子轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                            <li><a style="" href="/product/slewing-ring-bearings/">转盘轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                        </ul>
                                        <p class="view-box" style="margin-top: 30px;">
                                            <a href="/resources/application-solutions/food-and-beverage/"><button class="layui-btn layui-btn-sm" style="background-color: #f7c542;color:black;font-weight:bold;border-radius:5px;height:50px;width: 180px;font-size: 15px;">了解更多</button></a>
                                        </p>
                                    </div>

                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="layui-row content-w">
                                    <div class="layui-col-sm7 serv-l">
                                        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/app_3.jpg" style="width: 100%;" />
                                    </div>
                                    <div class="layui-col-sm4 serv-r" style="">
                                        <h3 class="h3">高温轴承</h3>
                                        <p style="color: #002D64;line-height: 24px;font-size:15px;margin-top: 10px;font-weight: normal;font-family: 'proxima-nova', sans-serif;letter-spacing: 0.02em;">作为一家经验丰富的轴承制造商，养贞轴承专门设计了高温轴承及其轴承单元。其设计理念是为了在高达1100 °C（2000 °F）的工作温度下提供更高的可靠性，降低复杂性，减少对环境的影响。
                                        </p>
                                        <p class="h4" style="font-weight: bold !important;margin-top: 20px;">热门轴承</p>
                                        <ul style="margin-top: 10px;padding-left: 15px;border-left: 2px solid #f7c542;">
                                            <li><a style="" href="/product/applications/high-temperature-bearings/">合金钢材料</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span> </li>
                                            <li><a style="" href="/product/applications/high-temperature-bearings/">氧化锆</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                            <li><a style="" href="/product/applications/high-temperature-bearings/">氮化硅</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                            <li><a style="" href="/product/applications/high-temperature-bearings/">碳化硅</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                        </ul>
                                        <p class="view-box" style="margin-top: 30px;">
                                            <a href="/product/applications/high-temperature-bearings/"><button class="layui-btn layui-btn-sm" style="background-color: #f7c542;color:black;font-weight:bold;border-radius:5px;height:50px;width: 180px;font-size: 15px;">了解更多</button></a>
                                        </p>
                                    </div>

                                </div>
                            </div>
                            <div class="layui-tab-item">
                                <div class="layui-row content-w">
                                    <div class="layui-col-sm7 serv-l">
                                        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/auto.jpg" style="width: 100%;" />
                                    </div>
                                    <div class="layui-col-sm4 serv-r" style="">
                                        <h3 class="h3">汽车轴承</h3>
                                        <p style="color: #002D64;line-height: 24px;font-size:15px;margin-top: 10px;font-weight: normal;font-family: 'proxima-nova', sans-serif;letter-spacing: 0.02em;">汽车OEM每年在全世界生产数百万辆汽车。每辆汽车都有多个内部部件使用轴承进行有效运动。作为一个高瞻远瞩的轴承制造商，养贞轴承建立了一支技术水平精湛的汽车工程团队。该团队拥有与顶级OEM制造商合作的丰富经验，可以与您一起确定适合您应用的最佳轴承解决方案。
                                        </p>
                                        <p class="h4" style="font-weight: bold !important;margin-top: 20px;">热门轴承</p>
                                        <ul style="margin-top: 10px;padding-left: 15px;border-left: 2px solid #f7c542;">
                                            <li><a style="" href="/product/ball-bearing/thin-section-bearings/">薄壁轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span> </li>
                                            <li><a style="" href="/product/ball-bearing/deep-groove-ball-bearings/">深沟球轴承</a><span><img class="img_icon" src="<?php echo Config::get('app.images_host'); ?>/images/web/jiantou_bai.png?v=<?php echo time(); ?>" style='margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;'/></span></li>
                                        </ul>
                                        <p class="view-box" style="margin-top: 30px;">
                                            <a href="/resources/application-solutions/food-and-beverage/"><button class="layui-btn layui-btn-sm" style="background-color: #f7c542;color:black;font-weight:bold;border-radius:5px;height:50px;width: 180px;font-size: 15px;">了解更多</button></a>
                                        </p>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="server-mid">
                        <div class="server-ul">
                            <div class="server-li">
                                <div class="center-li-title" ><a href="/product/applications/dental-bearings/">牙科手柄</a></div>
                            </div>
                            <div class="server-li">
                                <div class="center-li-title" ><a href="/product/applications/turbocharger-bearing/">涡轮增压器</a></div>
                            </div>
                            <div class="server-li">
                                <div class="center-li-title" ><a href="/resources/application-solutions/skateboard-bearings/">滑板</a></div>
                            </div>
                            <div class="server-li">
                                <div class="center-li-title" ><a href="/product/applications/yrt-rotary-table-bearings/">转台轴承</a></div>
                            </div>
                            <div class="server-li">
                                <div class="center-li-title" ><a href="/product/applications/flow-meter-miniature-bearings-catalogue/">流量计</a></div>
                            </div>
                            <div class="server-li">
                                <div class="center-li-title" ><a href="/product/applications/corrosion-resistance-bearings/">耐腐蚀轴承</a></div>
                            </div>
                            <div class="server-li">
                                <div class="center-li-title" ><a href="/product/applications/stage-lighting/">舞台照明</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-row content-w services-top" style="margin-bottom:30px">
                <div class="tesla_introduce">
                    <p class="tesla_introduce_p1">成功案例</p>
                    <p class="tesla_introduce_p2">
                       在养贞轴承，我们的解决方案不仅仅是组件；它们是行业发展的推动力。无论是提升特斯拉超级工厂的生产能力，还是为无数行业量身定制解决方案，我们的承诺都是坚定不移的：全面优化、增强和扩展机械性能。
                    </p>
                    <p class="tesla_introduce_p3">
                        以下是我们最喜欢的一些成功案例。
                    </p>
                </div>
                <div class="tesla">
                    <div class="tesla_img">
                        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/index-blogger.png" alt="" class="tesla_img">
                    </div>
                    <div class="tesla_right">
                        <p class="tesla_right_title">使用养贞轴承的特斯拉超级工厂的超级充电效率</p>
                        <p class="tesla_right_text">
                            "我们很荣幸能与特斯拉合作，确保他们的制造流程无缝运行。我们的目标是始终为我们的合作伙伴提供量身定制的高效轴承解决方案" <br/>
                            - Jenna, Customer Service Lead
                        </p>
                        <a href="/about-us/case-studies/supercharging-efficiency-at-tesla-s-gigafactory-with-lily-bearing/" class="tesla_right_a">
                            详细信息
                        </a>
                    </div>
                </div>
                <div class="layui-col-sm7 bottom" style="min-height: 458px;">
                    <h2 style="color: white;line-height: 36px;height: 38px;font-size: xx-large;">
                        服务                    </h2>
                    <p style="color: white;line-height: 24px;font-size:15px;margin-top: 10px;font-weight: normal;font-family: 'proxima-nova', sans-serif;letter-spacing: 0.02em;">
                        作为一个以客户为中心的轴承制造商，养贞轴承向客户提供全方位的售前、售后优质服务。这些服务包括轴承质量服务、包装服务、分析服务、备货服务、设计服务、技术服务以及轴承清洗和再润滑服务等。作为一个拥有国际视野的轴承制造商，养贞轴承顺利通过了ISO9001、ROHS、PED4.3等国际标准的认证，这足以证明养贞轴承拥有强大的能力以提供高质量的服务来满足不同工业应用的关键需求。                    </p>
                    <ul style="margin-top: 30px;padding-left: 15px;border-left: 2px solid #f7c542;" class="white_ul">
                        <li><a style="color: white;" href="/services/quality-inspection-and-product-verification/">优质服务</a><span><img class="img_icon" src="https://image.lilybearing.com/images/web/jiantou.png?v=1697440397" style="margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;"></span> </li>
                        <li><a style="color: white;" href="/services/custom-packaging-and-barcode-labeling/">包装服务</a> <span><img class="img_icon" src="https://image.lilybearing.com/images/web/jiantou.png?v=1697440397" style="margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;"></span></li>
                        <li><a style="color: white;" href="/services/bearing-failure-analysis/">分析服务</a> <span><img class="img_icon" src="https://image.lilybearing.com/images/web/jiantou.png?v=1697440397" style="margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;"></span></li>
                        <li><a style="color: white;" href="/services/stocking-programs/">库存服务</a> <span><img class="img_icon" src="https://image.lilybearing.com/images/web/jiantou.png?v=1697440397" style="margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;"></span></li>
                        <li><a style="color: white;" href="/services/bearing-engineering-and-design/">设计服务</a> <span><img class="img_icon" src="https://image.lilybearing.com/images/web/jiantou.png?v=1697440397" style="margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;"></span></li>
                        <li><a style="color: white;" href="/services/relubrication-services/">重新润滑服务</a> <span><img class="img_icon" src="https://image.lilybearing.com/images/web/jiantou.png?v=1697440397" style="margin-left:2px;max-width:15px;background: #f7c542;border-radius: 50%;"></span></li>
                    </ul>
                    <p class="view-box" style="margin-top: 30px;">
                        <a href="/services/"><button class="layui-btn layui-btn-sm" style="background-color: #f7c542;color:black;font-weight:bold;border-radius:5px;height:50px;width: 180px;font-size: 15px;">查看全部</button></a>
                    </p>
                </div>
                <div class="layui-col-sm4 bottom-r padlr15">
                    <img style="min-height: 458px" class="bottom-rp" src="<?php echo Config::get('app.images_host'); ?>/images/web/quality_inspection_and_product_verification0_min.jpg"/>
                </div>
            </div>
        </div>
    </div>
</div>



<div data-mod-id="footer">
    <div class="footer" data-mod-name="footer">
        <div class="footer-service" style="display:block;">
            
            <!-- 添加订单成功 -->
<div id="addorder" style="width:25%;z-index:999;position:fixed;top:30%;left:40%;border-radius: 16px;box-shadow: 0 0 6px 3px rgba(0,0,0,.15);padding: 10px 20px;background-color: #e8edef;display:none;">
<style type="text/css">
.successfullyfrom-close-r{float:right}
.successfullyfrom-close-r button{border:none;background-color: #FDD702;color:black;font-weight:bold;border-radius:5px;cursor:pointer;font-size:16px;padding:3px 6px;border-radius: 5px;}
.successfullyfrom-close-r button:hover{background-color:#36648a;color:#ffffff}
.successfullyfrom-close-b{padding:10px 12px;}
.successfullyfrom-close-b button{border:none;background-color: #FDD702;color:black;font-weight:bold;border-radius:5px;cursor:pointer;font-size:16px;padding:5px 10px;border-radius: 5px;}
.successfullyfrom-close-b button:hover{background-color:#36648a;color:#ffffff}
</style>
<div  class="successfullyfrom-close-r"><button type="button" onclick="close_successfullyfrom()">X</button></div>
<h2 style="font-size:30px;color:#36648a;padding:20px 10px;line-height:32px;">Order Prompt</h2>
<div style="font-size:16px;color:#79858e;padding:10px;line-height:20px;">The order is added successfully. You can click <a href="/order/">order</a> to pay or view</div>
<div class="successfullyfrom-close-b"><button type="button" onclick="close_successfullyfrom()">close</button></div>
</div>
<!-- 脚部 -->
<style>
@media screen and (min-width: 768px) {
.zh-icon:hover .QRcode{
display:block;
}
}
.QRcode{
width: 130px;  
position: absolute;
z-index: 99;
display:none;
}
.zh-buttom-img{
display: flex;
}
.zh-icon{
margin: 0 5px;
}
.zh-icon a>img, .zh-icon>img{
width: 80%;
border-radius: 25%;
aspect-ratio:1/1; 
object-fit:contain;
}
.QRcode img{
width: 80%;
}
</style>
<footer>

<div class="layui-container">
<!-- 底部成功后弹出框 -->
<div id="successfullyfrom_footer" style="width:25%;z-index:999;position:fixed;top:30%;left:40%;border-radius: 16px;box-shadow: 0 0 6px 3px rgba(0,0,0,.15);padding: 10px 20px;background-color: #e8edef;display: none;">
<style type="text/css">
  .successfullyfrom-close-r{float:right}
  .successfullyfrom-close-r button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:3px 6px;color:#36648a;border-radius: 5px;}
  .successfullyfrom-close-r button:hover{border:1px solid #ffffff;color:#ffffff}
  .successfullyfrom-close-b{padding:10px 12px;}
  .successfullyfrom-close-b button{border:1px solid #36648a;cursor:pointer;font-size:16px;padding:5px 10px;color:#36648a;border-radius: 5px;}
  .successfullyfrom-close-b button:hover{background-color:#36648a;color:#ffffff}
  @media screen and (max-width: 760px) {
    .layui-form-phone{display: none;}
    .fayoujian{display: none;}
  }
</style>
<div  class="successfullyfrom-close-r"><button type="button" onclick="close_successfullyfrom_footer()">X</button></div>
<h2 style="font-size:30px;color:#36648a;padding:20px 10px;line-height:32px;"><?php echo lang('Submitted'); ?></h2>
<div style="font-size:16px;color:#79858e;padding:10px;line-height:20px;"><?php echo lang('Thank you for reaching out.'); ?></div>
<div class="successfullyfrom-close-b"><button type="button" onclick="close_successfullyfrom_footer()"><?php echo lang('close'); ?></button></div>
</div>
<div class="layui-row footer-box" style="padding:10px">
<div class="layui-col-sm5">
<div class="layui-col-sm12 layui-col-xs12">
    <div style="float:left">
        <a href="/"><img src="<?php echo Config::get('app.images_host'); ?>/images/web/logo.png" alt="logo" style="width:100px;"/></a>
    </div>
   
    <div class="footer-img-box" style="float:right;vertical-align: middle;margin-top: 15px;">
        <div class="zh-buttom-img">
            <div class="zh-icon">
                <a href="https://m.weibo.cn/u/3464346314">
                    <img src="https://image.lilybearing.com/images/web/weibo.png" style="width: 30px;height: 30px;" alt="weibo">
                </a>
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/weiboma.png" alt="weiboma"></div>
            </div>
     
            <div class="zh-icon">
                <img src="https://image.lilybearing.com/images/web/weixin.png" style="width: 30px;height: 30px;" alt="weixin">
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/wxm.jpg" alt="weixin"></div>
            </div>

            <div class="zh-icon">
                <a href="https://www.toutiao.com/c/user/token/MS4wLjABAAAARnAd_ZWSILnv0_UOYfMg2Dg-qro9FiTG6Ka4t2sKaXMZwgUPoYnfA9BTDdS-Nd2_/?source=mine_home&amp;wid=1659942755553"><img style="width: 30px;height: 30px;" src="https://image.lilybearing.com/images/web/toutiao.png" alt="toutiao"></a>
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/toutiaoma.png" alt="toutiaoma"></div>
            </div>

            <div class="zh-icon">
                <a href="https://www.zhihu.com/org/shang-hai-yang-zhen-zhou-cheng"><img style="width: 30px;height: 30px;" src="https://image.lilybearing.com/images/web/zhihu.png" alt="zhihu"></a>
                <div class="QRcode"><img src="https://image.lilybearing.com/images/web/zhihuma.png" alt="zhihuma"></div>
            </div>
        </div> 
    </div>
    <div style="clear:both;"></div>
</div>

<div class="layui-col-sm12 layui-col-xs12" style="padding:5px 0px">
    <p style="font:12px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">Email: <a style="color: #fff;" class='email' href="mailto:lilybearing@lily-bearing.com">lilybearing@lily-bearing.com</a></p>
    <p style="font:12px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">地址：中国上海市闵行区沅江路525号6楼301室</p>
</div>

<div class="layui-col-sm12 footer-font layui-col-xs12">
    <p style="font: 12px arial,helvetica,sans-serif;line-height:24px;letter-spacing:1px">为客户创造价值是我们的核心。在为客户服务时使用这个概念，我们会站在客户的角度考虑，而不是简单地销售产品。我们利用我们在轴承行业20多年的专业知识和经验，为客户提供设计、选型、售前和售后服务等先进服务。</p>
</div>
</div>
<div class="layui-col-sm4 layui-col-xs12" style="padding:0px 20px" >
<div class="layui-form-phone">
    <div class="layui-form">

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color:white;font-size:12px">姓名<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <input type="text" name="footer_name" aria-label="Name" id="footer_name" style="height:25px;padding:3px;" autocomplete="off" class="layui-input" />
            </div>
        </div>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">邮箱<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <input type="text" name="footer_email" aria-label="Email" id="footer_email" style="height:25px;padding:3px;" autocomplete="off" class="layui-input" />
            </div>
        </div>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">手机号码<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <input type="text" name="footer_phone" aria-label="Phone" id="footer_phone" style="height:25px;padding:3px;" autocomplete="off" class="layui-input" />
            </div>
        </div>

        <?php if($base_data['is_show_code']==true){?>
        <div class="layui-col-sm12 code-button-box" style="padding: 5px 0px">
            <div class="layui-form-item" id="code_div">
                <div class="verification-code">
                    <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">验证码<span style="color:white;font-size:12px">*</span>:</div>
                    <div class="layui-input-block" style="float:left;width:80%;">
                        <input class="verification-code-input layui-input" aria-label="code" type="text" name="footer_code" style="width: 50%;float:left;height:35px;padding:3px;"/>
                        <img src="<?php echo url('index/xunpan/verify'); ?>" style="float: right;width: 50%;height:35px;" id="code_img" onclick="this.src=this.src.split('?')[0] + '?'+new Date().getTime()" title="Click to change one" >
                    </div>
                </div>
            </div>
        </div>
        <?php } ?>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px">备注<span style="color:white;font-size:12px">*</span>:</div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <textarea name="footer_comments" aria-label="Comments" class="layui-textarea"></textarea>
            </div>
        </div>

        <div class="layui-col-sm12" style="padding: 5px 0px">
            <div style="float:left;width:20%;height:25px;line-height:25px;color: white;font-size:12px"></div>
            <div class="layui-input-block" style="float:left;width:80%;">
                <button id='gform_submit_button_6' class="layui-btn btn" lay-filter="footer_formDemo" lay-submit type='button' style="color:black;background-color: #FDD702;font-weight: bold;border-radius: 5px;height: 30px;line-height: 30px;margin: 0px;">提交</button>
            </div>
        </div>
    </div>
</div>
</div>

<div class="layui-col-sm3">
<h2 style="font: 18px arial,helvetica,sans-serif;">快速链接</h2>
<style type="text/css">
    @media(max-width:768px) {
        .quick-links li{height: 48px;line-height: 48px;}
    }
                                           
</style>
<ul style="padding:0px 5px" class='quick-links'>
    <li style="padding-top:5px;">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/about-us/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">关于我们</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/contact-us/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">联系我们</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/blog/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">博客</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/technology/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">技术</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/downloads/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">下载</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/request-a-quote/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">发送询盘</a>
    </li>
    <li style="padding-top:5px">
        <i class="layui-icon layui-icon-next" style="font-size:12px"></i>
        <a href="/resources/rohs-reach-compliance/" style="font: 12px arial,helvetica,sans-serif;line-height:14px;color:#ffffff;letter-spacing:1px">RoHS和REACH合规性</a>
    </li>
</ul>
<div class='fayoujian'>
    <h2 style="font: 18px arial,helvetica,sans-serif;margin-top: 15px;">养贞订阅</h2>
    <p style="font: 12px/14px arial,helvetica,sans-serif;line-height:12px;color:#ffffff;letter-spacing:1px;margin-top: 10px;">订阅接收公司、产品和行业新闻。</p>
    <div  style="float:left;height:20px;margin-top: 10px;width:100%;">
        <input type="text" name="subscribe_email" id="subscribe_email" placeholder="输入邮箱"  autocomplete="off" style="font: 12px/14px arial,helvetica,sans-serif;color:white;border: none;border-bottom: 1px solid #fff;background-color:black;cursor: text;color:white;width:100%;"/>
    </div>
    <button id='gform_submit_button_7' aria-label="Subscribe FormDemo" lay-filter="subscribe_formDemo"
        lay-submit type='button' style="color:white;float: left;margin-left: -20px;margin-top:6px;border: none;background-color: black;">
        <img src="<?php echo Config::get('app.images_host'); ?>/images/web/rightarrow.png?t=<?php echo time(); ?>" alt='' style="max-height: 15px;"/>
    </button>
</div>
</div>
</div>
</div>
<div class="footer-bottom-box" style="background-color:#2a2e31;height:40px;line-height:40px;">
<div class="layui-container">
<div class="layui-row" style="padding-bottom: 0px;">
<div class="footer-bottom" style="width:80%" style="padding-bottom: 0px;">
    <div style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;float:left;letter-spacing:1px">© <?php echo date('Y',time());?> 养贞轴承•保留所有权利</div>
    <div style="float:left;margin-left:20px"><a href="/resources/privacy-policy/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">隐私政策</a></div>
    <div style="float:left;margin-left:20px"><a href="/resources/terms-conditions/" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">条款和条件</a></div>
    <div style="float:left;margin-left:20px;font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#ffffff;letter-spacing:1px">沪ICP备<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" style="font: 12px/14px arial,helvetica,sans-serif;line-height:40px;color:#36648a;letter-spacing:1px">17055223号-4</a></div>
    <div style="clear: both;"></div>
</div>
<div style="clear: both;"></div>
</div>
</div>
</div>
</footer>




        </div>
        <div id="footer" bi_parent_name="footer" meta-data-adjust-app="hide">
            <div class="footer-nav" meta-data-adjust-app="hide">
                
                <div id="edit-header-drop">
                    <script type="text/html" id="header-lazyload-html-drop" class="header-lazyload-html" data-holder="#holder-drop">
                        <div class="header-dropdown" style="margin-top: -15px;">
                            <ul class="header-dropdown-list">
                                <?php foreach($base_data['nav_class'] as $key=>$vo): if(change_lower_symbol($vo['first']['cname'])=='products'){?>
                                <li class="header-dropdown-product J-drop-product header-backdrop-filter" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>" bi_parent_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>">
                                    <div class="dropdown-product-container" data-define="dropdown-container">
                                        <div class="dropdown-product-wrapper">
                                            <div class="dropdown-product-wrapper-top">
                                                <div class="dropdown-product-wrapper-left">
                                                    <form class="link-searcher" data-target="Product" data-no-results-text="未找到结果，请重新输入" data-nav-index="0" tabindex="-1">
                                                        <input class="link-searcher-input" type="text" placeholder="搜索分类" autocomplete="off">
                                                        <i class="link-searcher-clear"></i>
                                                        <button class="link-searcher-submit" type="submit" bi_name="">
                                                            <i class=""></i>
                                                        </button>
                                                        <div class="link-searcher-drop">
                                                            <ul></ul>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="dropdown-product-wrapper-right">
                                                    <div class="dropdown-product-content-link">
                                                        <a href="/product/" style="text-decoration: none;">查看所有产品<i class="header-icon-arrow-right-large"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                           
                                            <div class="dropdown-product-wrapper-bottom">
                                                <div class="dropdown-product-wrapper-left">
                                                    <div class="dropdown-product-nav-container J-product-nav-container">
                                                        <div class="dropdown-product-nav J-product-nav">
                                                            <ul>
                                                                <?php foreach($base_data['nav_class'][0]['second'] as $k=>$v): if($k==0){ ?>
                                                                <li class="active" data-nav-index="1">
                                                                    <a style="text-decoration: none !important" class="dropdown-product-nav-menu" href="/<?php echo htmlentities($v['url']); ?>" data-target="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                                        <p class="dropdown-product-nav-menu-text"><span style="font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></span></p>
                                                                    </a>
                                                                </li>
                                                                <?php }else{?>
                                                                <li data-nav-index="1">
                                                                    <a style="text-decoration: none !important" class="dropdown-product-nav-menu" href="/<?php echo htmlentities($v['url']); ?>" data-target="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                                        <p class="dropdown-product-nav-menu-text"><span style="font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></span></p>
                                                                    </a>
                                                                </li>
                                                                <?php } ?>
                                                                <?php endforeach; ?>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="dropdown-product-wrapper-right J-pro-wrapper-right">
                                                    <div class="dropdown-product-body J-product-body" data-name="产品" data-nav-index="0">
                                                        <?php foreach($base_data['nav_class'][0]['second'] as $k=>$v): $sds=Db::table('lily_classify')->where([['fid','=',$v['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select(); if($k==0){?>
                                                        <div class="dropdown-product-content show" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                        <?php }else{ ?>
                                                        <div class="dropdown-product-content" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>-<?php echo change_lower_symbol($v['cname']); ?>">
                                                        <?php } ?>
                                                            <div class="dropdown-product-content-middle" >
                                                                <?php if(!empty($sds)){foreach($sds as $k1=>$v1): if($v1['is_tag']!=1){?>
                                                                <div class="dropdown-product-module ">
                                                                    <a style="text-decoration: none !important;vertical-align: middle;" href="/<?php echo get_class_uplower_url($v1['id']); ?>" class="dropdown-product-item" data-keywords="">
                                                                        <img class="dropdown-product-item-icon" src="<?php echo Config::get('app.images_host'); ?><?php echo htmlentities($v1['img']); ?>?x-oss-process=image/resize,w_50,h_50,m_pad/auto-orient,1/quality,q_100/format,png" style="width:50px;height: 50px;"></img>
                                                                        <p class="dropdown-product-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v1['alias_name']); ?></p>
                                                                    </a>
                                                                </div>
                                                                <?php }else{ $sds1=Db::table('lily_classify')->where([['fid','=',$v1['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select(); ?>
                                                                <div class="dropdown-product-group col-4">
                                                                    <a style="text-decoration: none;font-weight: bold;" class="dropdown-product-group-title"><?php echo ucwords($v1['alias_name']); ?></a>
                                                                    <div class="dropdown-product-group-content">
                                                                        <?php foreach($sds1 as $k2=>$v2): ?>
                                                                        <div class="dropdown-product-module">
                                                                            <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v2['id']); ?>" class="dropdown-product-item" >
                                                                                <img class="dropdown-product-item-icon" src="<?php echo Config::get('app.images_host'); ?><?php echo htmlentities($v2['img']); ?>?x-oss-process=image/resize,w_50,h_50,m_pad/auto-orient,1/quality,q_100/format,png" style="width:50px;height: 50px;"></img>
                                                                                <p class="dropdown-product-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v2['alias_name']); ?></p>
                                                                            </a>
                                                                        </div>
                                                                        <?php endforeach; ?>
                                                                    </div>
                                                                </div>
                                                                <?php }?>
                                                                <?php endforeach; }else{ ?>
                                                                <div class="dropdown-product-module ">
                                                                    <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v['id']); ?>" class="dropdown-product-item" data-keywords="">
                                                                        <p class="dropdown-product-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></p>
                                                                    </a>
                                                                </div>
                                                                <?php } ?>
                                                            </div>
                                                        </div>
                                                        <?php endforeach; ?>
                                                    </div>
                                                </div>
                                            </div>
                                            <style type="text/css">
                                                    .dropdown-product-search-content a{text-decoration: none !important;}
                                                    .dropdown-product-search-content a p{font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;}
                                                </style>
                                            <div class="dropdown-product-search-content">
                                                
                                            </div>
                                        </div>
                                        <div class="header-dropdown-close J-drop-close"></div>
                                    </div>
                                </li>
                                <?php }else{ $sds=Db::table('lily_classify')->where([['fid','=',$vo['first']['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select();?>
                                <li class="header-dropdown-price J-drop-common header-backdrop-filter" data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>" bi_parent_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>">
                                    <div class="dropdown-common-container" data-define="dropdown-container">
                                        <div class="dropdown-common-wrapper">
                                            <div class="dropdown-common-wrapper-inner">
                                                <div class="dropdown-common-wrapper-bottom">
                                                    <div class="dropdown-common-wrapper-left has-activity">
                                                         <?php foreach($sds as $k=>$v): ?>
                                                        <div class="dropdown-common-module">
                                                            <div class="dropdown-common-module-inner">
                                                                <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v['id']); ?>" class="dropdown-common-item">
                                                                    <p class="dropdown-common-item-title" style="font-weight: 0 !important;font: inherit;color: #72777d;font-size: 14px;"><?php echo ucwords($v['alias_name']); ?></p>
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <?php endforeach; ?>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="header-dropdown-close J-drop-close"></div>
                                    </div>
                                </li>
                                <?php } ?>
                                <?php endforeach; ?>

                            </ul>
                        </div>
                    </script>
                    <script type="text/html" id="header-lazyload-html-mbnav" class="header-lazyload-html" data-holder="#holder-mbnav">
                        <div class="header-mbnav">
                            <div class="header-mbnav-inner">
                                <div class="header-mbnav-leftmenu">
                                    <ul class="header-mbnav-menulist">
                                         <?php foreach($base_data['nav_class'] as $key=>$vo): ?>
                                        <li data-key="<?php echo change_lower_symbol($vo['first']['cname']); ?>" class="">
                                            <a bi_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>"><span><?php echo ucwords($vo['first']['alias_name']); ?></span></a>
                                        </li>
                                        <?php endforeach; ?>
                                        
                                        <li data-key="language" class="" >
                                            <a bi_name="Language"><span>语言</span></a>
                                        </li>
                                    </ul>
                                </div>
                                <ul class="header-mbnav-collapses">
                                    <?php foreach($base_data['nav_class'] as $key=>$vo): ?>
                                    <li data-name="<?php echo change_lower_symbol($vo['first']['cname']); ?>" bi_parent_name="<?php echo change_lower_symbol($vo['first']['cname']); ?>">
                                        <?php if($vo['first']['cname']!='Resources'){?>
                                        <div class="header-mbnav-level2-content-index">
                                            <a style="text-decoration: none !important;" href="/<?php echo htmlentities($vo['first']['url']); ?>"><span><?php echo ucwords($vo['first']['alias_name']); ?></span><i class="header-icon-arrow-right"></i></a>
                                        </div>
                                        <?php } $sds=Db::table('lily_classify')->where([['fid','=',$vo['first']['id']],['status','=',1],['is_show','=','1']])->order('seq','asc')->select();foreach($sds as $k=>$v): ?>
                                        <div class="header-collapse header-collapse-level1 closed">
                                            <div class="header-collapse-head">
                                                <a style="text-decoration: none !important;" href="/<?php echo get_class_uplower_url($v['id']); ?>" bi_name="jump">
                                                    <p bi_name="<?php echo change_lower_symbol($v['cname']); ?>_jump"><span><?php echo ucwords($v['alias_name']); ?></span></p>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="header-collapse-line no-splitLine"></div>
                                        <?php endforeach; ?>
                                    </li>
                                    <?php endforeach; ?>
                                    
                                   
                                    <li data-name="language">
                                        <div class="header-mbnav-level2-item">
                                            <a style="text-decoration: none !important;" class="header-mbnav-level2-item_link active" href="https://www.lilybearing.com/">简体中文<i class="layui-icon layui-icon-ok" style="font-size: 14px; color: #36648a;"></i> </a>
                                            <a style="text-decoration: none !important;" class="header-mbnav-level2-item_link" href="https://www.lilybearing.com/">English</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            
                        </div>
                    </script>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</div>

<!-- end 脚部 -->
<script src="/static/js/jquery-2.1.4.min.js"></script>
<script src="/static/layui/layui.js" charset="utf-8"></script>
<script src="/static/js/footer-us.js?t=<?php echo time(); ?>" type="text/javascript"></script>
<script src="/static/js/footer-hua-es.js?t=<?php echo time(); ?>" type="text/javascript"></script>
<script>
window.gConfig = window.gConfig || {}; window.gConfig.seed = window.gConfig.seed || [];
window.gConfig.seed.push({
name: '@cloud/pep-header-and-footer-china', data:
{
"packages": {
"@cloud/pep-header-and-footer-china": {
"path": "/hua/cnpm/china/",
},
"@cloud/lazyload": {
"path": "/hua/cnpm/lazyload/",
},
"@cloud/portal-utils": {
"path": "/hua/cnpm/utils/",
},
},
"modules": {
"@cloud/pep-header-and-footer-china/m/index": {
"requires": [
  "@cloud/portal-utils",
  "@cloud/lazyload"
]
},
"@cloud/pep-header-and-footer-china/pc/index": {
"requires": [
  "@cloud/portal-utils",
  "@cloud/lazyload"
]
}
}
}
})
</script>
<script src="/hua/js/g1.js"></script>

<script type="text/javascript" src="/hua/js/feloader.js" crossorigin="anonymous"></script>

<script>
if( !/pcloudApp/i.test(navigator.userAgent) ){
$("#header").css("display","block");
}
</script>


</body>
</html>

<script type="text/javascript">
$(function(){
var cartloaded = false;
$("#order_num_change_img").hover(function(){
if(!cartloaded){
    $.ajax({
        url: '<?php echo url("/payment/addorder/order_ajax"); ?>',/*传向后台服务器文件*/
        type: 'POST',    /*传递方法 */
        dataType: 'json',  //传递数据的格式
        async: true, //这是重要的一步，防止重复提交的
        cache: false,  //设置为false，上传文件不需要缓存。
        contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
        processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

        success: function (res){
            if(res.status==1){
                var h = '';
                $.each(res.cookiedata,function (index,el){
                    h += '<div class="wrapper-order-li"><div class="wrapper-order-li-left"><img src="'+el.img+'?x-oss-process=image/resize,w_40,h_40,m_pad/auto-orient,1/quality,q_90/format,png">';
                    h += '<span><a href="'+el.url+'">'+el.Product_Number+'</a></span></div>';
                    h += '<div class="wrapper-order-li-right"><span>Price: '+el.Price+'</span>, <span>Num: '+el.num+'</span></div><div style="clear:both"></div></div>';
                });
                if(res.cookiedata.length==0){
                     $("#wrapper-order").html('');
                     $("#wrapper-order").hide();
                }else{
                    h += '<div class="wrapper-order-li-look"><a href="/order/">View Order</a></div>';
                    $("#wrapper-order").empty();
                    $("#wrapper-order").append(h);
                    cartloaded = true;
                }

            }
        }
    });
}
if(cartloaded) {
    $("#wrapper-order").show();
}
return false;
},function (){
if(cartloaded) {
    $("#wrapper-order").hide();
}
});
$("#wrapper-order").hover(function (){
if(cartloaded){
    $("#wrapper-order").show();
}
},function (){
if(cartloaded){
    $("#wrapper-order").hide();
}
})
});
</script>

<script type="text/javascript">
layui.use('form', function(){
var form = layui.form;

form.on('submit(footer_formDemo)', function(data){
var index = layer.load(1, { shade: [0.1,'#fff'] });
var name=$.trim($("input[name='footer_name']").val());
var email=$.trim($("input[name='footer_email']").val());
var phone=$.trim($("input[name='footer_phone']").val());
var code = $.trim($("input[name='footer_code']").val());
var comments=$.trim($("textarea[name='footer_comments']").val());
var company='';
var Product_Number='';

var lasturl=<?php if(isset($_SERVER['HTTP_REFERER'])){ echo "'".$_SERVER['HTTP_REFERER']."'";}else{echo "'"."'";}?>;/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
var nowurl=window.location.href;/*当前页面url*/
var formData = new FormData();
formData.append('name', name);
formData.append('email', email);
formData.append('phone', phone);
formData.append('comments', comments);
formData.append('lasturl', lasturl);
formData.append('nowurl', nowurl);
formData.append('code', code);
formData.append('Product_Number', Product_Number);
formData.append('company', company);

$.ajax({
    url: "<?php echo url('index/xunpan/send_inquiry'); ?>",/*传向后台服务器文件*/
    type: 'POST',    /*传递方法 */
    data: formData,  /*要带的值，在这里只能带一个formdata ，不可以增加其他*/
    dataType: 'json',  //传递数据的格式
    async: true, //这是重要的一步，防止重复提交的
    cache: false,  //设置为false，上传文件不需要缓存。
    contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
    processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

    success: function (res){
        if(res.status==1){
            layer.closeAll('loading');
            $(".layui-form input").each(function(){
                $(this).val('');
            })
            $(".layui-textarea").val('');
            $('#successfullyfrom_footer').css('display','block');
            return false;
        }else{
            layer.closeAll('loading');
            if(res.name!='no'){
                layer.tips(res.msg, '#'+res.name.replace("form","footer_"), {
                    tips: [1, '#5FB878'],
                    area: ['200px', 'auto']
                });
            }else{
                layer.msg(res.msg, {
                    time: 2000,
                    icon: 5
                });
            }
        }
    }
});

return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
})
</script>
<script type="text/javascript">
layui.use('form', function(){
var form = layui.form;

form.on('submit(subscribe_formDemo)', function(data){
var email=$.trim($("input[name='subscribe_email']").val());
var formData = new FormData();
formData.append('email', email);

$.ajax({
    url: "<?php echo url('index/xunpan/subscribe_email'); ?>",/*传向后台服务器文件*/
    type: 'POST',    /*传递方法 */
    data: formData,  /*要带的值，在这里只能带一个formdata ，不可以增加其他*/
    dataType: 'json',  //传递数据的格式
    async: true, //这是重要的一步，防止重复提交的
    cache: false,  //设置为false，上传文件不需要缓存。
    contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
    processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

    success: function (res){
        if(res.status==1){
            layer.closeAll('loading');
            $("input[name='subscribe_email']").val('');
            $('#successfullyfrom_footer').css('display','block');
            return false;
        }else{
            layer.closeAll('loading');
            if(res.name!='no'){
                layer.tips(res.msg, '#'+res.name, {
                    tips: [1, '#5FB878'],
                    area: ['200px', 'auto']
                });
            }else{
                layer.msg(res.msg, {
                    time: 2000,
                    icon: 5
                });
            }
        }
    }
});

return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
});
})
function close_successfullyfrom_footer(){
$('#successfullyfrom_footer').css('display','none');
}
</script>
<script type="text/javascript">
layui.use("element", function () {
var element = layui.element;
});
</script>

<script type="text/javascript">
function lan_qihuan2(){
$(".qlang-sechond").css('display','block');
}

function qlang_hover(){
$("#qlang-sechond-l1").css('background','#ffffff');
$("#qlang-sechond-l1 a").css('color','black');
$("#qlang-sechond-l1 i").css('color','#ffffff');
}
function qlang_hover_out(){
$("#qlang-sechond-l1").css('background','#36648a');
$("#qlang-sechond-l1 a").css('color','#ffffff');

}

$(document).mouseup(function(e) {
var _con = $('#qlang');
if( !_con.is(e.target) && _con.has(e.target).length === 0 ){
$('#qlang-sechond').css('display','none');
}
});
</script>
<script>
    $('.view-more').click(function(){
        var visible = $(this).attr('class').split(' ')[1];

        if(visible=='show'){
            $('.show').hide();
            $('.hide').show();
            $('.btm-more-cn').show();
        }else{
            $('.show').show();
            $('.hide').hide();
            $('.btm-more-cn').hide();
        }
    });
</script>